@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --color-primary: 42, 42, 42;
  --color-secondary: 102, 102, 102;
  --color-tertiary: 153, 153, 153;
  --color-background: 248, 248, 248;
  --color-surface: 255, 255, 255;
}

body {
  color: rgb(var(--color-primary));
  background: rgb(var(--color-background));
  -webkit-font-smoothing: antialiased;
}

/* 基础动画 */
.fade-enter {
  opacity: 0;
  transform: translateY(10px);
}

.fade-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* 优化的按钮动画 */
.button-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.button-hover:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 优化的进度条动画 */
.progress-bar {
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}